<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="css/iconfont.css" />
    <script type="text/javascript" charset="utf-8">
      	mui.init();
		mui.plusReady(function () {
		    document.getElementById('tab1').addEventListener('tap',function(){
				mui.openWindow({
					url : 'new_file1.html',
					id  : 'new_file1.html'
				});
			});
			document.getElementById('tab11').addEventListener('tap',function(){
				mui.openWindow({
					url : 'new_file3.html',
					id  : 'new_file3.html'
				});
			});
			document.getElementById('tab12').addEventListener('tap',function(){
				mui.openWindow({
					url : 'search.html',
					id  : 'search.html'
				});
			});
		});

    </script>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">嗨方言</h1>
		<button type="button" class="mui-btn mui-btn-warning mui-pull-right">+</button>
	</header>
	
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item ">
			<span class="mui-icon iconfont icon-shouye"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item mui-active">
			<span class="mui-icon iconfont icon-yingyong1"></span>
			<span class="mui-tab-label">活动</span>
		</a>
		<a class="mui-tab-item">
			<span class="mui-icon iconfont icon-wode"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	
	
	<div class="mui-content">
    <div class="mui-card" style="margin: 2px;">
		<a id="tab1">
<!-- 		<div class="mui-card-header">
			
		</div> -->
    	<div class="mui-card-content" style="line-height: 0px;">
			<img src="imgs/1.png" width="100%" />
		</div>
		<div class="mui-card-footer" style="background-color: #FAFAFA; padding-left: 38%;padding-right: 38%;font-size: 20px;" >
		    <!-- <b>每日一刻</b> -->每日一刻
		</div>
		</a>
    </div>
	<div class="mui-card" style="margin: 2px;">
		<a id="tab11">
<!-- 		<div class="mui-card-header"></div> -->
		<div class="mui-card-content" style="line-height: 0px;">
			<img src="imgs/3.png" width="100%" />
		</div>
		<div class="mui-card-footer" style="background-color: #FAFAFA; padding-left: 38%;padding-right: 38%;font-size: 20px;" >
		    <!-- <b>配音大赛</b> -->配音大赛
		</div>
		</a>
	</div>
	<div class="mui-card" style="margin: 2px;">
		<a id="tab12">
<!-- 		<div class="mui-card-header"></div> -->
		<div class="mui-card-content" style="line-height: 0px;">
			<img src="imgs/2.png" width="100%" />
		</div>
		<div class="mui-card-footer" style="background-color: #FAFAFA; padding-left: 38%;padding-right: 38%;font-size: 20px;" >
		    <!-- <b>喜迎佳节</b> -->喜迎佳节
		</div>
		</a>
	</div>
	</div>
</body>
</html>